@import '../../../utils/common.scss';
.suitableContainer {
  background: #F5F5F5;
  height: 100vh;
  overflow: auto;
  .importantFont {
    font-weight: 600;
  }
  .orangeFont {
    color: orange;
    font-weight: 600
  }
  .contentContainer {
    background: #ffffff;
    padding: .4rem;
    .contentTitle {
      color: $primary-fontColor;
      @include font-dpr(22Px);
      @include lineHeight(31Px)
    }
    .productContainer {
      display: flex;
      align-items: center;
      margin-top: .4rem;
      .productType {
        margin-left: -0.106667rem;
        border:.026667rem #FF5B05 solid;
        @include font-dpr(12Px);
        padding:.08rem .133333rem;
        border-radius: .053333rem;
        color: #FF5B05;
        margin-right: .4rem;
        -webkit-transform:scale(0.8);
        span {
          display: inline-block;
        }
      }
      .productCode {
        color: #999999;
        @include font-dpr(12Px);
        @include lineHeight(12Px);
      }
    }
    .textContainer {
      margin-top: .533333rem;
      @include lineHeight(26Px);
      @include font-dpr($primary-size-md);
      color: $primary-fontColor;
    }
    .resultTip {
      background: #F5F5F5;
      @include font-dpr($primary-size-xs);
      padding: .266667rem .4rem;
      border-radius: .053333rem;
      margin-top: .533333rem;
      span {
        @include lineHeight(20Px)
      }
    }
  }
  .investConfirmation {
    background: #ffffff;
    margin-top: .266667rem;
    padding-left: .4rem;
    padding-bottom: .533333rem;
    .investTitle {
      @include font-dpr($primary-size-lg);
      color:$primary-fontColor;
      span {
        @include lineHeight($primary-fontColor);
      }
      padding-top: .426667rem;
      padding-bottom: .426667rem;
      border-bottom: .026667rem #EEEEEE solid
    }
    .investContent {
      padding-right: .4rem;
      margin-top: .4rem;
      @include font-dpr($primary-size-md);
      color: $primary-fontColor;
      @include lineHeight(26Px);
      .investHead {
        color: #999999
      }
      .investSign {
        margin-top: .533333rem;
        text-align: right;
      }
    }
  }
  .agree {
    padding: .186667rem .4rem;
    color: #666666;
    @include font-dpr($primary-size-xs);
    .textSize {
      @include lineHeight(20Px);
    }
  }
  .buttonSize {
    margin-top: .186667rem;
    .longButton {
      height:1.333333rem;
      background: $primary-color;
      @include font-dpr($primary-size-lg);
    }
  }
  :global {
    .ant-checkbox-wrapper {
      display: flex
    }
    .ant-checkbox {
      margin-top: .106667rem
    }
  }
}